<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>英雄联盟全新官方网站-腾讯游戏</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/bootstrap.js"></script>  
    <script src="js/index.js"></script>
</head>
<body>
     <!-------------------头部开始----------------------->
     <header class="header" id="header">
        <div class="login" id="denglukuang">
            <div class="background">
                <div class="shut" id="guanbi">×</div>
                <h2>帐号密码登录</h2>
                <h3>推荐使用<span>快速安全登录</span>，防止盗号。</h3>
                <input type="text" placeholder="支持QQ/邮箱/手机号登陆">
                <input type="password" placeholder="密码">
                <button>登&nbsp;陆</button>
                <h4>忘记密码</h4>
            </div>
        </div>
        <div class="header_backgound" id="top">
            <div class="header_body" id="header_body">
                <!------------------导航头部开始---------------------->
                <div class="header_body_top">
                    <!------------------logo开始---------------------->
                    <div class="header_body_top_left">
                        <img src="img/logo.png"/>
                    </div>
                    <!------------------logo结束---------------------->
                    <!------------------导航左半部分开始---------------------->
                    <ul style="font-size: 16px;" id="through">
                        <li>
                            <h3>游戏资料</h3>
                            <span>GAME INFO</span>
                        </li>
                        <li>
                            <h3>商城/合作</h3>
                            <span>STORE</span>
                        </li>
                        <li>
                            <h3>社区互动</h3>
                            <span>COMMUNITY</span>
                        </li>
                        <li>
                            <h3>赛事官网</h3>
                            <span>ESPORTS</span>
                        </li>
                        <li>
                            <h3>自助系统</h3>
                            <span>SYSTEM</span>
                        </li>
                    </ul>
                    <!------------------导航左半部分结束---------------------->
                    <!------------------导航有半部分开始---------------------->
                    <div class="header_body_top_right" id="rnone">
                        <!------------------搜索开始---------------------->
                        <a href="#">
                            <i class="fa-search fa fa-lg" id="inone"></i>
                        </a>
                        <!------------------欢搜索结束---------------------->
                        <!------------------手机开始---------------------->
                        <div>
                            <div class="sj" id="hand">
                                <div class="sj_bk">·</div>
                                <div class="sj_hk">
                                    <img src="img/zm-qrcode.jpg">
                                    <p>扫码下载掌上英雄联盟
                                        <img src="img/polo.gif" alt="">
                                    </p>
                                </div>
                            </div>
                        </div>
                        <!------------------手机结束---------------------->
                        <!------------------欢迎登陆开始---------------------->
                        <div class="dl" id="Login">
                        <div class="dl_icon">
                            <div class="dl_icon_yh">
                                <img src="img/icon_yh.png" alt="">
                                </div>
                            </div>
                            <h3>亲爱的召唤师，欢迎<span id="Logi" style="cursor: pointer; color: #c5ab86;">登陆</span></h3>
                            <div class="dl_bottom" id="Logoff">
                                <h3>
                                    登录并且绑定大区后才可以查看您的具体信息哦
                                        (包括战绩、资产、声望）
                                </h3>
                                <h4>官网个人信息显示略有延迟，请以游戏数据为准</h4>
                                <div>
                                    <h2>进入个人中心</h2>
                                    <span>→</span>
                                </div>
                            </div>        
                        </div>
                        <!------------------欢迎登陆结束---------------------->
                    </div>
                    <!------------------导航右半部分结束---------------------->
                                <!-------------------banne开始----------------------->
                    <div class="header_body_top_banner" id="Bright">
                        <div class="header_body_top_banner_background">
                            <ul>
                                <li><a href="#">新手指引</a></li>
                                <li><a href="#">资料库</a></li>
                                <li><a href="#"><i></i>云顶之弈</a></li>
                                <li><a href="#"><i></i>攻略中心</a></li>
                                <li><a href="#">开发者基地</a></li>
                                <li><a href="#">海克斯战利品库</a></li>
                                <li><a href="#">英雄联盟宇宙</a></li>
                                <li><a href="#">游戏下载</a></li>
                            </ul>
                            <ul>
                                <li><a href="#">点券充值</a></li>
                                <li><i></i>道具城</li>
                                <li>周边商城</li>
                                <li>LOL桌游</li>
                                <li>LOL信用卡</li>
                                <li>电竞小说</li>
                                <li>网吧特权</li>
                            </ul>
                            <ul>
                                <li>官方社区</li>
                                <li>视频中心</li>
                                <li>官方论坛</li>
                                <li>官方微信</li>
                                <li>官方微博</li>
                                <li>玩家创作馆</li>
                                <li><a href="#"><i></i>作者入住计划</a></li>
                                <li>玩家服务</li>
                            </ul>
                            <ul>
                                <li>LPL职业联赛</li>
                                <li>LDL发展联众赛</li>
                                <li>季中冠军赛</li>
                                <li>洲际系列赛</li>
                                <li><i></i>全球总决赛</li>
                                <li>全明星赛</li>
                                <li><a href="#"><i></i>全国高校联赛</a></li>
                                <li>城市英雄争霸赛</li>
                            </ul>
                            <ul>
                                <li>联系客服</li>
                                <li><a href="Fourthgrade.html"><i></i>微信绑定</a></li>
                                <li><i></i>封号查询</li>
                                <li>体验服下载</li>
                                <li><a href="#"><i></i>信誉分系统</a></li>
                                <li>服务器状态查询</li>
                                <li>秩序殿堂</li>
                                <li>峡谷之巅</li>
                            </ul>
                        </div>
                    </div>
                            <!-------------------banne结束----------------------->
                </div>
                <!------------------导航头部结束---------------------->
                <!------------------------头部底部开始-------------------------------->
                <!------------------------查看详情开始-------------------------------->
                <div class="header_body_bottom">
                    <a href="secondary.html"></a>
                    <p>当前游戏版本：<span>Ver 9.23</span></p>
                    <div>
                        版本详情
                    </div>
                </div>
            </div>
            <!------------------------查看详情结束-------------------------------->
        </div>
    </header>
    <!-------------------头部结束----------------------->

    <!-------------------轮播开始----------------------->
    <article class="main" id="main">
        <article class="main_body">
            <!-- 轮播图开始 -->
            <div class="main_body_left">
                <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators bck-ol">
                      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active bck-li">2020星穹耀夜</li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="1" class="bck-li">至臻2019终章活动</li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="2" class="bck-li">慈善皮肤黎明使者卡尔玛</li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="3" class="bck-li">新春周边盲和盒</li>
                      <li data-target="#carouselExampleIndicators" data-slide-to="4" class="bck-li">征程2020起航福利</li>
                    </ol>
                    <div class="carousel-inner">
                      <div class="carousel-item active">
                        <img src="img/2020.jpg" class="d-block" alt="...">
                      </div>
                      <div class="carousel-item">
                        <img src="img/zhizhen.jpg" class="d-block" alt="...">
                      </div>
                      <div class="carousel-item">
                        <a href="charitable.html"><img src="img/cishankaerma.jpg" class="d-block" alt="..."></a>
                      </div>
                      <div class="carousel-item">
                        <img src="img/mengchong.jpg" class="d-block" alt="...">
                      </div>
                      <div class="carousel-item">
                        <img src="img/zhengcheng.jpg" class="d-block" alt="...">
                      </div>
                    </div>
                  </div>
            </div>
            <!-- 轮播图结束 -->
            <!-- 新闻列表开始 -->
            <div class="main_body_right">
                <ul>
                    <!-- 新闻列表综合开始 -->
                    <li><a href="#" class="a_1">综合</a>
                        <ul>
                            <li class="title_1" style="border: none;">
                                <h4>厄斐琉斯全面解析！重做皎月迎3级强势期</h4>
                            </li>
                            <li>
                                <span>公告</span>
                                <p>9.23云顶之弈更新：排位队列回归</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span>官方</span>
                                <p>FPX夺冠庆典：紫色宝石半价兑换即将限时开启!</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span>公告</span>
                                <p>四分钟了解LPL全明星周末看点</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #e9852d 1px solid; color: #e9852d;">视频</span>
                                <p>LPL全明星周末赛程公布</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span>公告</span>
                                <p>残月之肃 厄斐琉斯技能介绍</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span>公告</span>
                                <p>英雄剖析：厄斐琉斯</p>
                                <h5>11-25</h5>
                            </li>
                        </ul>
                    </li>
                    <!-- 新闻列表综合结束 -->
                    <!-- 新闻列表公告开始 -->
                    <li><a href="#">公告</a>
                        <ul class="ul_2">
                                <li class="title_1" style="border: none;">
                                    <h4>9.23版本更新公告：元素崛起降临峡谷</h4>
                                </li>
                                <li>
                                    <span>公告</span>
                                    <p>9.23云顶之弈更新：排位队列回归</p>
                                    <h5>11-25</h5>
                                </li>
                                <li class="itle_2">
                                    <span>公告</span>
                                    <p>FPX夺冠庆典：紫色宝石半价兑换即将限时开启!</p>
                                    <h5>11-25</h5>
                                </li>
                                <li class="itle_2">
                                    <span>公告</span>
                                    <p>11月27日网通大区网络波动公告</p>
                                    <h5>11-25</h5>
                                </li>
                                <li class="itle_2">
                                    <span>公告</span>
                                    <p>裁决之地，恕瑞玛，巨龙之巢，教育网升级维护公告</p>
                                    <h5>11-25</h5>
                                </li>
                                <li class="itle_2">
                                    <span>公告</span>
                                    <p>11月29日免费英雄更新公告</p>
                                    <h5>11-25</h5>
                                </li>
                                <li class="itle_2">
                                    <span>公告</span>
                                    <p>11月25日全大区排位模式维护公告</p>
                                    <h5>11-25</h5>
                                </li>
                        </ul>
                    </li>
                    <!-- 新闻列表公告结束 -->
                    <!-- 新闻列表赛事开始 -->
                    <li><a href="#">赛事</a>
                        <ul class="ul_3">
                            <li class="title_1" style="border: none;">
                                <h4>四分钟了解LPL全明星周末看点</h4>
                            </li>
                            <li>
                                <span>新闻</span>
                                <p>LPL全明星周末11月30日正式开赛</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span>视频</span>
                                <p>LPL全明星周末震撼来袭！老WE和老IG上演传奇对决</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="color: #6388c5; border: #6388c5 solid 1px;">赛事</span>
                                <p>第八届英雄联盟高校联赛青岛农业大学站圆满落幕</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="color: #6388c5; border: #6388c5 solid 1px;">赛事</span>
                                <p>第八届英雄联盟高校联赛西南交通大学站完美落幕</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="color: #6388c5; border: #6388c5 solid 1px;">赛事</span>
                                <p>LPL梦幻阵容出击 全明星正赛不容错过</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span>新闻</span>
                                <p>LPL全明星周末专属奖杯亮相</p>
                                <h5>11-25</h5>
                            </li>
                        </ul>
                    </li>
                    <!-- 新闻列表赛事结束 -->
                    <!-- 新闻列表攻略开始 -->
                    <li><a href="#">攻略</a>
                        <ul class="ul_4">
                            <li class="title_1" style="border: none;">
                                <h4>9.23云顶套路玩法 法爆流剑魔一刀千伤</h4>
                            </li>
                            <li>
                                <span style="border: #4ba36a solid 1px; color: #4ba36a;">教学</span>
                                <p>9.23新征服者强势崛起 蛇女领衔三大英雄荣升T1</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #4ba36a solid 1px; color: #4ba36a;">教学</span>
                                <p>感受魔法的力量！S2魔法师阵容分析</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #4ba36a solid 1px; color: #4ba36a;">教学</span>
                                <p>新符文真香全能石 功能型英雄新神器</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #4ba36a solid 1px; color: #4ba36a;">教学</span>
                                <p>9.23韩服各路T1英雄 盖伦赛娜胜率飙升</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #4ba36a solid 1px; color: #4ba36a;">教学</span>
                                <p>云顶9.23版本详解 久哥哥力荐S级阵容</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #4ba36a solid 1px; color: #4ba36a;">教学</span>
                                <p>血刃上单成版本主流 季前赛十大英雄推荐</p>
                                <h5>11-25</h5>
                            </li>
                        </ul>
                    </li>
                    <!-- 新闻列表攻略结束 -->
                    <!-- 新闻列表社区开始 -->
                    <li><a href="#">社区</a>
                        <ul class="ul_5">
                            <li class="title_1" style="border: none;">
                                <h4>云顶之弈9.23理解：核心运营思路助你轻松上分</h4>
                            </li>
                            <li>
                                <span style="border: #1da6ba solid 1px; color: #1da6ba;">娱乐</span>
                                <p>欧洲法王Xpeke抵达上海！Meiko机场偶遇Uzi</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span>新闻</span>
                                <p>SKT官宣：欢迎前SN教练Comet加入SKT！</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #6388c5 solid 1px; color: #6388c5;">赛事</span>
                                <p>韩网热议Kkoma离队：他是SKT的传说</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #1da6ba solid 1px; color: #1da6ba;">娱乐</span>
                                <p>LPL转会：RNG官宣Karsa离队！LNG放走SofM！</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #4ba36a 1px solid; color: #4ba36a;">教学</span>
                                <p>厄斐琉斯全面解析！重做皎月迎3级强势期</p>
                                <h5>11-25</h5>
                            </li>
                            <li class="itle_2">
                                <span style="border: #4ba36a 1px solid; color: #4ba36a;">教学</span>
                                <p>懒人一图看季前赛 元素峡谷正式登场</p>
                                <h5>11-25</h5>
                            </li>
                        </ul>
                    </li>
                    <!-- 新闻列表社区结束 -->
                </ul>
                <div class="main_body_right_bottom">
                    阅读更多
                    <span>最新资讯</span>
                    <div>→</div>
                </div>
            </div>
            <!-- 新闻列表结束 -->
        </article>
    </article>
    <!-------------------轮播结束----------------------->

    <!----------------热门活动上开始----------------->
    <article class="activity" id="activity">
        <div class="activity_body">
            <!----左部分tab开始--->
            <div class="activity_body_left">
                <div class="activity_body_left_title">
                    <h3>热门活动</h3>
                    <!----------------------tab框架开始------------------------->
                    <nav class="nav">
                        <div class="nav nav-tabs" id="nav-tab" role="tablist">
                            <a class="active a" id="nav-home-tab" data-toggle="tab" href="#nav-home">正在进行</a>
                            <a class="a" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" >商城特惠</a>
                            <a class="a" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" >长期活动</a>
                        </div>
                    </nav>
                    <div class="activity_body_left_title_right">
                        <span>更多 →</span>
                    </div>
                    <!-- tab选项卡下面内容开始 -->
                    <div class="tab-content" id="nav-tabContent">
                        <!-- 正在进行开始 -->
                        <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
                            <div class="activity_body_left_title_tab_dw">
                                <ul>
                                    <li>
                                        <img src="img/wlzs_cs.webp"  class="img_rmhd" alt="">
                                        <a href="#" class="li_a_1">未来战士 锤石</a>
                                        <a href="#" class="li_a_2">11天后结束</a>
                                        <a href="#" class="li_a_3">NEW</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/fpx_gj.webp" alt="">
                                        <a href="#" class="li_a_1">夺冠庆典现已开启</a>
                                        <a href="#" class="li_a_2">16天后结束</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/qqzjs_jy.webp" alt="">
                                        <a href="#" class="li_a_1">总决赛2019通行证</a>
                                        <a href="#" class="li_a_2">今天结束</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/2019yxlm.webp" alt="">
                                        <a href="#" class="li_a_1">英雄联盟特权网吧城市赛</a>
                                        <a href="#" class="li_a_2">11天后结束</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- 正在进行结束 -->
                        <!-- 商城特惠开始 -->
                        <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                            <div class="activity_body_left_title_tab_dw">
                                <ul>
                                    <li>
                                        <img src="img/2_1.webp" alt="">
                                        <a href="#" class="li_a_1">小小英雄第四系列</a>
                                        <a href="#" class="li_a_2">长期活动</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/2_2.webp" alt="">
                                        <a href="#" class="li_a_1">冠军周边预定</a>
                                        <a href="#" class="li_a_2">16天后结束</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/2_3.webp" alt="">
                                        <a href="#" class="li_a_1">每周半价</a>
                                        <a href="#" class="li_a_2">3天后结束</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/2_4.webp" alt="">
                                        <a href="#" class="li_a_1">真实伤害 奇亚娜 至臻</a>
                                        <a href="#" class="li_a_2">1天后结束</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <!-- 商城特惠结束 -->
                        <!-- 长期活动开始 -->
                        <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
                            <div class="activity_body_left_title_tab_dw">
                                <ul>
                                    <li>
                                        <img src="img/3_1.webp" alt="">
                                        <a href="#" class="li_a_1">十周年最强福利</a>
                                        <a href="#" class="li_a_2">长期活动</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/3_2.webp" alt="">
                                        <a href="#" class="li_a_1">英雄联盟信誉分查询</a>
                                        <a href="#" class="li_a_2">长期活动</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/3_3.webp" alt="">
                                        <a href="#" class="li_a_1">福来Day</a>
                                        <a href="#" class="li_a_2">长期活动</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/3_4.webp" alt="">
                                        <a href="#" class="li_a_1">《校园解说大赛》等你发声！</a>
                                        <a href="#" class="li_a_2">长期活动</a>
                                        <div>
                                            <div>
                                                <h3>未来战士 锤石</h3>
                                                <h4>全新皮肤</h4>
                                                <p>2019-11-26-2019-12-10</p>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                </div>
                        </div>
                        <!-- 长期活动结束 -->
                    </div>
                    <!-- tab选项卡下面内容结束 -->
                    <!-----------------tab框架结束------------------------------>
                </div>
            </div>
            <!----左部分tab开始--->
            <!-----------右半部分下载游戏等等开始----------->
            <div class="activity_body_right">
                <!-----------右半部分top开始----------->
                <div class="activity_body_right_top">
                    <video autoplay  loop="loop" src="img/btn-download.mp4"></video>
                    <div class="activity_body_right_top_right">
                        <a href="javascript:;" class="newbie" id="newbie">新手必备</a>
                        <div class="touch" id="touch">
                            <div class="touch_left">
                                <i class="fa fa-paper-plane-o"></i>
                                <span>指引</span>
                            </div>
                            <div class="touch_right">
                                <i class="fa fa-gift"></i>
                                <span>礼包</span>
                            </div>
                        </div>
                        <a href="#" class="receive">领取中心</a>
                    </div>
                </div>
                <!-----------右半部分top结束----------->
                <ul>
                    <li>
                        <i class="fa fa-bullhorn"></i>
                        <span>
                            在线客服
                        </span>
                    </li>
                    <li>
                        <i class="fa fa-fort-awesome"></i>
                        <span>
                            秩序殿堂
                        </span>
                    </li>
                    <li>
                        <i class="fa fa-gg-circle"></i>
                        <span>
                            游戏资料
                        </span>
                    </li>
                    <li>
                        <i class="fa fa-forumbee"></i>
                        <span>
                            峡谷之巅
                        </span>
                    </li>
                    <li>
                        <i class="fa fa-soundcloud"></i>
                        <span>
                           云顶之弈
                        </span>
                    </li>
                    <li>
                        <i class="fa fa-firefox"></i>
                        <span>
                          攻略中心
                        </span>
                    </li>
                    <li>
                        <i class="fa fa-chrome"></i>
                        <span>
                          LOL宇宙
                        </span>
                    </li>
                    <li>
                        <i class="fa fa-wechat"></i>
                        <span>
                          微信绑定
                        </span>
                    </li>
                </ul>
            </div>
            <!-----------右半部分下载游戏等等结束----------->

        </div>
    </article>
    <!----------------热门活动上结束----------------->

    <!----------------热门活动下开始----------------->
    <article class="hero">
        <article class="hero_body">
            <div class="hero_body_left">
                <!-- 新英雄赛娜开始 -->
                <div class="hero_body_left_img">
                    <img src="img/xyx.jpg">
                    <!----------文字开始----------->
                    <div class="hero_body_left_img_font">新英雄</div>
                    <h4>当大哥的感觉，比不当好太多了。</h4>
                    <h5>腕豪 瑟提</h5>
                    <!----------文字结束----------->
                    <div class="hero_body_left_img_background">
                        <!-------触碰显示的文字内容开始------->
                        <h4>腕豪 瑟提</h4>
                        <!-------触碰显示的文字内容开始------->
                        <div class="hero_body_left_img_background_border">
                            查看详情  →
                        </div>
                        
                    </div>
                </div>
                <!-- 新英雄赛娜结束 -->
                <div class="hero_body_right_video">
                    <!-------未来战士锤石皮肤图片开始----->
                    <div class="hero_body_right_video_img">
                        <img src="img/tangguo.jpg" alt="">
                        <div class="hero_body_right_video_img_font">新皮肤</div>
                        <h4>全新皮肤、炫彩礼包上线</h4>
                        <h5>糖果大战2019</h5>
                        <div class="hero_body_right_video_img_bottom">

                        </div>
                    </div>
                    <!-------未来战士锤石皮肤图片结束----->
                    <!-------------触碰显示视频开始------------------>
                    <div class="hero_body_right_video_touch">
                        <!-------上面视频开始---->
                        <video controls="controls" preload src="https://apd-b7cf196ae8e0d51ebce0a2f12c429101.v.smtcdns.com/vlive.qqvideo.tc.qq.com/ArfiQMccf264MvBOw_pqbXtrcDpCQHxuNapEw4TLgS1k/uwMROfz2r5zIIaQXGdGnC2dfDmb_xYKxrIGz_bGUg2Lja6ru/a30261isjq4.mp4?sdtfrom=v1104&guid=1d2b4dfa1206a84276d2f12a2383c47a&vkey=CEBB3EE7B7E0F78128A588F41E882B7BB7532794F840FFFB2151B8BC2105EFA04BD91F0A601D6979522EF9732A9BCB450B618ACEE446AAE617F4D433028EFC6C469F24FA21EB6253D922DFAAB863B4500A985FB2EDFFFFE0074989E88055D678093689950A91C1698DCE537A09C69E400A1A8B50CFF325A29AC8564F7AE51A47"></video>
                        <div class="hero_body_right_video_touch_background">
                            <div class="hero_body_right_video_touch_background_left">
                                <h4>全新皮肤、炫彩礼包上线</h4>
                                <h5>糖果大战2019</h5>
                            </div>
                            <div class="hero_body_right_video_touch_background_right">
                                <h3>查看详情</h3>
                            </div>
                        </div>
                        <!-------上面视频结束---->
                    </div>
                    <!-------------触碰显示视频结束------------------>
                </div>
            </div>
            <!-------欢迎来到季前赛开始------->
            <div class="hero_body_right">
                <div class="hero_body_right_left">
                    <div class="hero_body_right_left">
                        <img src="img/1.jpg"/>
                        <div class="hero_body_right_left_img">
                            <img src="img/1.jpg">
                            <div class="hero_body_right_left_img_font">
                                <h3>欢迎来到季赛前</h3>
                                <p>游戏版本9.23</p>
                            </div>
                            <div class="hero_body_right_left_img_button">
                                <button>查看详情</button>
                            </div>
                        </div>
                    </div>
                    <div class="hero_body_right_left_bottom">
                        <img src="img/jie_2.jpg" class="hero_body_right_left_bottom_img_1">
                        <img src="img/jie_1.jpg" class="hero_body_right_left_bottom_img_2">
                    </div>
                </div>
                
                <div class="hero_body_right_right">
                    <div class="hero_body_right_right_top">
                        <div class="hero_body_right_right_top_background">
                            <h3>英雄人物：厄被陆肆</h3>
                            <h4>靠智商碾压的忧郁月亮男孩</h4>
                        </div>
                    </div>
                    <div class="hero_body_right_right_bottom">
                        <a href="#" class="hero_body_right_right_bottom_background">周免 →</a>
                        <ul>
                            <li><img src="img/md.png" alt=""></li>
                            <li><img src="img/jla.png" alt=""></li>
                            <li><img src="img/cz.png" alt=""></li>
                            <li><img src="img/kem.png" alt=""></li>
                            <li><img src="img/tl.png" alt=""></li>
                            <li><img src="img/qy.png" alt=""></li>
                            <li><img src="img/ms.png" alt=""></li>
                            <li><img src="img/tn.png" alt=""></li>
                            <li><img src="img/gt.png" alt=""></li>
                            <li><img src="img/dw.png" alt=""></li>
                            <li><img src="img/l.png" alt=""></li>
                            <li><img src="img/zzns.png" alt=""></li>
                            <li><img src="img/x.png" alt=""></li>
                            <li><img src="img/jks.png" alt=""></li>
                            <li><img src="img/zy.png" alt=""></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-------欢迎来到季前赛结束------->
        </article>
    </article>
    <!----------------热门活动下结束----------------->

    <!---------------------最新视频栏目开始------------------------------>
    <div class="video" id="video">
        <div class="video_body">
            <!------video身体左半部分开始------->
             <div class="video_left">
                <div class="video_left_title">
                    <h3>最新视频</h3>
                    <!--------navs开始 tab栏目开始--------->
                    <nav class="video_left_title_nav">
                        <div class="nav nav-tabs video_left_title_nav_secondary" id="nav-tab" role="tablist">
                          <a class="nav-item active" id="nav-home-tab" data-toggle="tab" href="#recommend">推荐</a>
                          <a class="nav-item" id="nav-profile-tab" data-toggle="tab" href="#official">官方</a>
                          <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#entertainment">娱乐</a>
                          <a class="nav-item" id="nav-home-tab" data-toggle="tab" href="#Match">赛事</a>
                          <a class="nav-item" id="nav-profile-tab" data-toggle="tab" href="#Genting">云顶之弈</a>
                          <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#teaching">教学</a>
                        </div>
                      </nav>
                    <div class="video_left_title_right">下一页丨更多→</div>
                    <div class="tab-content video_left_title_content" id="nav-tabContent">
                        <!-- 推荐开始 -->
                        <div class="tab-pane fade show active video_left_title_content_bk" id="recommend" role="tabpanel" aria-labelledby="nav-home-tab">
                            <ul>
                                <li>
                                    <img src="img/tuijian_1.jpg">
                                    <a href="#">
                                        云顶之弈16-法海（老兵韩<br/>风）</a>
                                    <div><span>8332次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian_2.jpg">
                                    <a href="#">
                                        联盟速看：Xiaohu大头躲掉大招！Knight9极限翻盘！展示</a>
                                    <div><span>2724次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian_3.jpg">
                                    <a href="#">戴安娜-腥红之月皮肤效果展<br/>示</a>
                                    <div><span>1.5万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian_4.jpg">
                                    <a href="#">走近FPX的“鬼叫王”：金贡再秀“温柔咆哮”，快乐就完事了</a>
                                    <div><span>1.3次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian_5.jpg">
                                    <a href="#">记得、Cat谈转会期： EDG RNG WE御三家都没抢到人</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian_6.jpg">
                                    <a href="#">主播日报11.30：周淑怡连系统都针对我</a>
                                    <div><span>8.3万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian_7.webp">
                                    <a href="#">LOL小智：笑谈孩童时期讨压岁钱技巧，从小就天资聪慧</a>
                                    <div><span>6249次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_8.jpg">
                                    <a href="#">起小点TOP10 VOL553 瘟疫之源神出鬼没</a>
                                    <div><span>5.4万次播放</span> <span>2019-12-17</span></div>
                                </li>
                            </ul>
                        </div>
                        <!-- 推荐结束 -->
                        <!-- 官方开始 -->
                        <div class="tab-pane fade video_left_title_content_bk" id="official" role="tabpanel" aria-labelledby="nav-profile-tab">
                            <ul>
                                <li>
                                    <img src="img/tuijian2_1.jpg">
                                    <a href="#">12月6日晚8点进击季前赛节目先导预告片</a>
                                    <div><span>2079次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian2_2.jpg">
                                    <a href="#">进击季前赛12月6日晚8点直播：主播趣味小剧场联合版</a>
                                    <div><span>2021次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian2_3.jpg">
                                    <a href="#">进击季前赛！12月6日晚8点明星视角直击季前赛玩法</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian2_4.jpg">
                                    <a href="#">英雄联盟2019赛季奖励发放须知</a>
                                    <div><span>89.1万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian2_5.jpg">
                                    <a href="#">进击季前赛！12月6日晚8点明星视角直击季前赛玩法</a>
                                    <div><span>13.4万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian2_6.jpg">
                                    <a href="#">教你一招：快速玩转2020新赛季改动</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian2_7.jpg">
                                    <a href="#">厄斐琉斯：五种武器 一个Q技能 一个R技能</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian2_8.jpg">
                                    <a href="#">欢迎来到2020季前赛：元素崛起</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                            </ul>
                        </div>
                        <!-- 官方结束 -->
                        <!-- 娱乐开始 -->
                        <div class="tab-pane fade video_left_title_content_bk" id="entertainment" role="tabpanel" aria-labelledby="nav-contact-tab">
                            <ul>
                                <li>
                                    <img src="img/tuijian3_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian3_2.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian3_3.webp">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian3_4.webp">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian3_5.webp">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian3_6.webp">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian3_7.webp">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/tuijian3_8.webp">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                            </ul>
                        </div>
                        <!-- 娱乐结束 -->
                        <!-- 赛事开始 -->
                        <div class="tab-pane fade video_left_title_content_bk" id="Match" role="tabpanel" aria-labelledby="nav-home-tab">
                            <ul>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                            </ul>
                        </div>
                        <!-- 赛事结束 -->
                        <!-- 云顶之弈开始 -->
                        <div class="tab-pane fade video_left_title_content_bk" id="Genting" role="tabpanel" aria-labelledby="nav-profile-tab">
                            <ul>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                            </ul>
                        </div>
                        <!-- 云顶之弈结束 -->
                        <!-- 教学开始 -->
                        <div class="tab-pane fade video_left_title_content_bk" id="teaching" role="tabpanel" aria-labelledby="nav-contact-tab">
                            <ul>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                                <li>
                                    <img src="img/zx_1.jpg">
                                    <a href="#">厄斐琉斯-黑夜使者皮肤效果<br/>展示</a>
                                    <div><span>9.6万次播放</span> <span>2019-12-17</span></div>
                                </li>
                            </ul>
                        </div>
                        <!-- 教学结束 -->
                    </div>
                    <!--------navs开始 tab栏目结束--------->
                </div>
            </div>
            <!------video身体左半部分结束-------->

            <!------video身体右半部分开始-------->
            <div class="video_right">
                <div class="video_right_title">
                    <h3>热门专辑</h3>
                    <nav class="video_right_nav">
                        <div class="nav nav-tabs video_right_border" id="nav-tab" role="tablist">
                            <a class="nav-item active" id="nav-home-tab" data-toggle="tab" href="#onMonday">周一</a>
                            <a class="nav-item" id="nav-profile-tab" data-toggle="tab" href="#onTuesday">周二</a>
                            <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#onWednesday">周三</a>
                            <a class="nav-item" id="nav-profile-tab" data-toggle="tab" href="#Thursday">周四</a>
                            <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#Friday">周五</a>
                            <a class="nav-item" id="nav-profile-tab" data-toggle="tab" href="#onSaturday">周六</a>
                            <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#Sunday">周日</a>
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade show active" id="onMonday" role="tabpanel" aria-labelledby="nav-home-tab">
                            <!-------轮播开始------->
                            <div id="carouselExampleControls" class="carousel slide video_right_background" data-ride="carousel">
                                <div class="carousel-inner video_right_outerborder">
                                    <div class="carousel-item active video_right_Innerborder">
                                        <ul>
                                            <li>
                                                <img src="img/zhouyi_1.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                            </li>
                                            <li>
                                                <img src="img/zhouyi_2.png" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/22-.webp"><span>小仓</span></p>
                                            </li>
                                            <li>
                                                <img src="img/zhouyi_3.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="carousel-item video_right_Innerborder">
                                        <ul>
                                            <li>
                                                <img src="img/1-.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/33-.webp"><span>LOL解说小鱼</span></p>
                                            </li>
                                            <li>
                                                <img src="img/2-.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                            </li>
                                            <li>
                                                <img src="img/3-.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                            </li>
                                        </ul> 
                                    </div>
                                    <div class="carousel-item video_right_Innerborder">
                                        <ul>
                                            <li>
                                                <img src="img/4-.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                            </li>
                                            <li>
                                                <img src="img/5-.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/11-.webp"><span>LOL解说小鱼</span></p>
                                            </li>
                                            <li>
                                                <img src="img/6-.jpg" alt="">
                                                <h4>主播疯人院</h4>
                                                <h5>2019-11-30更新</h5>
                                                <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                    歌曲翻唱环节绝对满足你挑剔的需求
                                                </a>
                                                <p><img src="img/33-.webp"><span>LOL解说小鱼</span></p>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                                    <span class="carousel-control-prev-icon " aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                            <!-------轮播结束------->
                        </div>
                        <div class="tab-pane fade" id="onTuesday" role="tabpanel" aria-labelledby="nav-profile-tab">
                            <!-------轮播开始------->
                            <div id="c" class="carousel slide video_right_background" data-ride="carousel">
                                    <div class="carousel-inner video_right_outerborder">
                                        <div class="carousel-item active video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/2-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/6-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/33-.webp"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/6-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/2-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul> 
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a class="carousel-control-prev" href="#c" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#c" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                            </div>
                            <!-------轮播结束------->
                        </div>
                        <div class="tab-pane fade" id="onWednesday" role="tabpanel" aria-labelledby="nav-contact-tab">
                            <!-------轮播开始------->
                            <div id="d" class="carousel slide video_right_background" data-ride="carousel">
                                    <div class="carousel-inner video_right_outerborder">
                                        <div class="carousel-item active video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/4-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/6-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/2-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/5-.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul> 
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a class="carousel-control-prev" href="#d" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#d" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                            </div>
                            <!-------轮播结束------->
                        </div>
                        <div class="tab-pane fade" id="Thursday" role="tabpanel" aria-labelledby="nav-profile-tab">
                            <!-------轮播开始------->
                            <div id="e" class="carousel slide video_right_background" data-ride="carousel">
                                    <div class="carousel-inner video_right_outerborder">
                                        <div class="carousel-item active video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul> 
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a class="carousel-control-prev" href="#e" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#e" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                            </div>
                            <!-------轮播结束------->
                        </div>
                        <div class="tab-pane fade" id="Friday" role="tabpanel" aria-labelledby="nav-contact-tab">
                            <!-------轮播开始------->
                            <div id="f" class="carousel slide video_right_background" data-ride="carousel">
                                    <div class="carousel-inner video_right_outerborder">
                                        <div class="carousel-item active video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul> 
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a class="carousel-control-prev" href="#f" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#f" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                            </div>
                            <!-------轮播结束------->
                        </div>
                        <div class="tab-pane fade" id="onSaturday" role="tabpanel" aria-labelledby="nav-profile-tab">
                            <!-------轮播开始------->
                            <div id="g" class="carousel slide video_right_background" data-ride="carousel">
                                    <div class="carousel-inner video_right_outerborder">
                                        <div class="carousel-item active video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul> 
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a class="carousel-control-prev" href="#g" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#g" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                            </div>
                            <!-------轮播结束------->
                        </div>
                        <div class="tab-pane fade" id="Sunday" role="tabpanel" aria-labelledby="nav-contact-tab">
                            <!-------轮播开始------->
                            <div id="h" class="carousel slide video_right_background" data-ride="carousel">
                                    <div class="carousel-inner video_right_outerborder">
                                        <div class="carousel-item active video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul> 
                                        </div>
                                        <div class="carousel-item video_right_Innerborder">
                                            <ul>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                                <li>
                                                    <img src="img/rmzj_1.jpg" alt="">
                                                    <h4>主播疯人院</h4>
                                                    <h5>2019-11-30更新</h5>
                                                    <a href="#">更多好玩的情景剧和lol主播搞笑翻车操作，更有改编LOL
                                                        歌曲翻唱环节绝对满足你挑剔的需求
                                                    </a>
                                                    <p><img src="img/xiaoyulogo.png"><span>LOL解说小鱼</span></p>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <a class="carousel-control-prev" href="#h" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Previous</span>
                                    </a>
                                    <a class="carousel-control-next" href="#h" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">Next</span>
                                    </a>
                            </div>
                            <!-------轮播结束------->
                        </div>
                    </div>
                    <div class="video_right_bottom">
                        <h3>前往视频中心→</h3>
                    </div>
                </div>
            </div>
            <!------video身体右半部分结束-------->
        </div>
    </div>
    <!---------------------最新视频栏目结束------------------------------>
    <!----------------------赛事中心开始--------------------->
    <div class="match" id="match">
        <div class="match_body">
            <div class="match_title">
                <!-- 标题开始 -->
                <h3>赛事中心</h3>
                <!-- 标题结束 -->
                <!-- tab选项卡开始 -->
                <nav class="match_title_nav">
                    <div class="nav nav-tabs match_title_nav_content" id="nav-tab" role="tablist">
                        <a class="nav-item active" id="nav-home-tab" data-toggle="tab" href="#Finalist">入围赛</a>
                        <a class="nav-item" id="nav-profile-tab" data-toggle="tab" href="#groupmatches">小组赛</a>
                        <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#Knockout">淘汰赛</a>
                    </div>
                </nav>
                <!-- tab选项卡结束 -->
                <!------title右侧开始------>
                <div class="match_right">
                    <img src="img/bisai.png">
                    <span>全球总决赛</span>
                    <p>更多→</p>
                </div>
                <!------title右侧结束------>
                <div class="tab-content match_content" id="nav-tabContent">
                    <!-- 入围赛开始 -->
                    <div class="tab-pane fade show active match_content_background" id="Finalist" role="tabpanel" aria-labelledby="nav-home-tab">
                        <div class="match_content_background_left">
                            <!-------上面轮播图开始------->
                            <h3>第一轮<span>BOP</span></h3>
                            <div id="ff" class="carousel slide match_content_background_left_border" data-ride="carousel">
                                <div class="carousel-inner match_title_nav_content_Inside">
                                    <div class="carousel-item active match_title_nav_content_Innerborder" data-interval="10000">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="carousel-item match_title_nav_content_Innerborder" data-interval="2000">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="carousel-item match_title_nav_content_Innerborder">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-------上面轮播图结束------->

                            <!-------下面tab开始------->
                            <div class="match_top">
                                <h3>积分榜</h3>
                                <ul class="nav nav-tabs match_ul" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class=" active" id="home-tab" data-toggle="tab" href="#GroupA">A组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="profile-tab" data-toggle="tab" href="#GroupB">B组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="contact-tab" data-toggle="tab" href="#GroupC">C组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="contact-tab" data-toggle="tab" href="#GroupD">D组</a>
                                    </li>
                                </ul>
                                <div class="tab-content match_background" id="myTabContent">
                                    <div class="tab-pane fade show active match_content" id="GroupA" role="tabpanel" aria-labelledby="home-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupB" role="tabpanel" aria-labelledby="profile-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupC" role="tabpanel" aria-labelledby="contact-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupD" role="tabpanel" aria-labelledby="contact-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-------下面tab结束------->
                        </div>
                        <!-- 右侧第二轮开始 -->
                        <div class="match_content_background_right">
                            <h3>第二轮</h3>
                            <!---ul开始--->
                            <ul>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                            </ul>
                            <!---ul结束--->
                            <!---ol开始--->
                            <ol>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                            </ol>
                            <!---ol结束--->
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                        </div>
                        <!-- 右侧第二轮结束 -->
                    </div>
                    <!-- 入围赛结束 -->
                    <!-- 小组赛开始  -->
                    <div class="tab-pane fade match_content_background" id="groupmatches" role="tabpanel" aria-labelledby="nav-profile-tab">
                        <div class="match_content_background_left">
                            <!-------上面轮播图开始------->
                            <h3>第三轮<span>BOP</span></h3>
                            <div id="ff" class="carousel slide match_content_background_left_border" data-ride="carousel">
                                <div class="carousel-inner match_title_nav_content_Inside">
                                    <div class="carousel-item active match_title_nav_content_Innerborder" data-interval="10000">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="carousel-item match_title_nav_content_Innerborder" data-interval="2000">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="carousel-item match_title_nav_content_Innerborder">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a class="carousel-control-prev" href="#ff" role="button" data-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="carousel-control-next" href="#ff" role="button" data-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                            <!-------上面轮播图结束------->

                            <!-------下面tab开始------->
                            <div class="match_top">
                                <h3>积分榜</h3>
                                <ul class="nav nav-tabs match_ul" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class=" active" id="home-tab" data-toggle="tab" href="#GroupA">A组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="profile-tab" data-toggle="tab" href="#GroupB">B组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="contact-tab" data-toggle="tab" href="#GroupC">C组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="contact-tab" data-toggle="tab" href="#GroupD">D组</a>
                                    </li>
                                </ul>
                                <div class="tab-content match_background" id="myTabContent">
                                    <div class="tab-pane fade show active match_content" id="GroupA" role="tabpanel" aria-labelledby="home-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupB" role="tabpanel" aria-labelledby="profile-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupC" role="tabpanel" aria-labelledby="contact-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupD" role="tabpanel" aria-labelledby="contact-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-------下面tab结束------->
                        </div>
                        <div class="match_content_background_right">
                            <h3>第四轮</h3>
                            <!---ul开始--->
                            <ul>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                            </ul>
                            <!---ul结束--->
                            <!---ol开始--->
                            <ol>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                            </ol>
                            <!---ol结束--->
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- 小组赛结束 -->
                    <!-- 淘汰赛开始 -->
                    <div class="tab-pane fade match_content_background" id="Knockout" role="tabpanel" aria-labelledby="nav-contact-tab">
                        <div class="match_content_background_left">
                            <!-------上面轮播图开始------->
                            <h3>第五轮<span>BOP</span></h3>
                            <div id="ff" class="carousel slide match_content_background_left_border" data-ride="carousel">
                                <div class="carousel-inner match_title_nav_content_Inside">
                                    <div class="carousel-item active match_title_nav_content_Innerborder" data-interval="10000">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="carousel-item match_title_nav_content_Innerborder" data-interval="2000">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="carousel-item match_title_nav_content_Innerborder">
                                        <ul>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                            <li>
                                                <h3>
                                                    <span class="span_1">已结束</span>
                                                    <span class="span_2">10-5  20:00</span>
                                                </h3>
                                                <div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                    <div class="center">
                                                        <h2>0:1</h2>
                                                        <button>视频回顾</button>
                                                    </div>
                                                    <div class="left">
                                                        <img src="img/saishi_1.png" alt="">
                                                        <span>LK</span>
                                                    </div>
                                                </div>
                                                <span class="p1">2019全球总决赛</span>
                                                <span class="p2">入围 第四天 BO1</span>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <a class="carousel-control-prev" href="#ff" role="button" data-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Previous</span>
                                </a>
                                <a class="carousel-control-next" href="#ff" role="button" data-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="sr-only">Next</span>
                                </a>
                            </div>
                            <!-------上面轮播图结束------->

                            <!-------下面tab开始------->
                            <div class="match_top">
                                <h3>积分榜</h3>
                                <ul class="nav nav-tabs match_ul" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class=" active" id="home-tab" data-toggle="tab" href="#GroupA">A组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="profile-tab" data-toggle="tab" href="#GroupB">B组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="contact-tab" data-toggle="tab" href="#GroupC">C组</a>
                                    </li>
                                    <li class="nav-item">
                                        <a id="contact-tab" data-toggle="tab" href="#GroupD">D组</a>
                                    </li>
                                </ul>
                                <div class="tab-content match_background" id="myTabContent">
                                    <div class="tab-pane fade show active match_content" id="GroupA" role="tabpanel" aria-labelledby="home-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupB" role="tabpanel" aria-labelledby="profile-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupC" role="tabpanel" aria-labelledby="contact-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tab-pane fade match_content" id="GroupD" role="tabpanel" aria-labelledby="contact-tab">
                                        <div>
                                            <span class="font_1">排行</span>
                                            <span class="font_2">俱乐部</span>
                                            <span class="font_3">胜负</span>
                                            <span class="font_4">积分</span>
                                        </div>
                                        <ul>
                                            <li>
                                                <span class="font_1">1</span>
                                                <span class="font_2"><img src="img/julebu_1.png">CG</span>
                                                <span class="font_3">4/0</span>
                                                <span class="font_4">4</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">2</span>
                                                <span class="font_2"><img src="img/julebu_2.png">UOL</span>
                                                <span class="font_3">2/3</span>
                                                <span class="font_4">2</span>  
                                            </li>
                                            <li>
                                                <span class="font_1">3</span>
                                                <span class="font_2"><img src="img/julebu_3.png">mmm</span>
                                                <span class="font_3">1/3</span>
                                                <span class="font_4">1</span>  
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <!-------下面tab结束------->
                        </div>
                        <div class="match_content_background_right">
                            <h3>第六轮</h3>
                            <!---ul开始--->
                            <ul>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                                <li>
                                    <p>
                                        <span class="font_one">已结束</span>
                                        <span class="font_two">10月7日 19:00</span>
                                        <a href="#" class="a_one">数据</a>
                                        <a href="#" class="a_two">视频</a>
                                    </p>
                                    <div class="team_one">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>3</div>
                                    </div>
                                    <div class="team_two">
                                        <img src="img/del_1.png" alt="">
                                        <a href="#">DWG</a>
                                        <div>1</div>
                                    </div>
                                </li>
                            </ul>
                            <!---ul结束--->
                            <!---ol开始--->
                            <ol>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                                <li>
                                    <div></div>
                                    <span></span>
                                </li>
                            </ol>
                            <!---ol结束--->
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                            <div>
                                <p>
                                    <img src="img/del_1.png" alt="">
                                    <a href="#" class="a_one">晋级2019全球总决赛小组赛队伍一</a>
                                    <a href="#" class="a_two">Team DWG</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <!-- 淘汰赛结束 -->
                </div>
            </div>
        </div>
    </div>
    <!----------------------赛事中心结束--------------------->

    <!----------------------英雄资料开始--------------------->
    <div class="data" id="data">
        <div class="data_body">
            <div class="data_title">
                <h3>英雄资料</h3>
                <nav class="data_nav">
                <div class="nav nav-tabs data_back" id="nav-tab" role="tablist">
                    <a class="nav-item active" id="nav-home-tab" data-toggle="tab" href="#Allheroes">
                        所有英雄
                    </a>
                    <a class="nav-item" id="nav-profile-tab" data-toggle="tab" href="#warrior">战士</a>
                    <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#Mage">法师</a>
                    <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#assassin">刺客</a>
                    <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#tank">坦克</a>
                    <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#Shooter">射手</a>
                    <a class="nav-item" id="nav-contact-tab" data-toggle="tab" href="#Auxiliary">辅助</a>
                </div>
                </nav>
                <div class="data_right">
                    <span>资料库 →</span>
                </div>
                <div class="tab-content data_bottom" id="nav-tabContent">
                    <!-- 全部英雄开始 -->
                    <div class="tab-pane fade show active data_background" id="Allheroes" role="tabpanel" aria-labelledby="nav-home-tab">
                        <ul>
                            <li>
                                <img src="img/aolafu.png"/>
                                <p>奥拉夫</p>
                            </li>
                            <li>
                                <img src="img/anni.png"/>
                                <p>安妮</p>
                            </li>
                            <li>
                                <img src="img/ejiate.png"/>
                                <p>额加特</p>
                            </li>
                            <li>
                                <img src="img/jialiao.png"/>
                                <p>加里奥</p>
                            </li>
                            <li>
                                <img src="img/kapai.png"/>
                                <p>卡牌大师</p>
                            </li>
                            <li>
                                <img src="img/zhaoxin.png"/>
                                <p>赵信</p>
                            </li>
                            <li>
                                <img src="img/yaoji.png"/>
                                <p>妖姬</p>
                            </li>
                            <li>
                                <img src="img/xixuegui.png"/>
                                <p>吸血鬼</p>
                            </li>
                            <li>
                                <img src="img/daocaoren.png"/>
                                <p>稻草人</p>
                            </li>
                            <li>
                                <img src="img/kaer.png"/>
                                <p>卡尔</p>
                            </li>
                            <li>
                                <img src="img/jiansheng.png"/>
                                <p>剑圣</p>
                            </li>
                            <li>
                                <img src="img/niutou.png"/>
                                <p>牛头</p>
                            </li>
                            <li>
                                <img src="img/liulang.png"/>
                                <p>符文法师</p>
                            </li>
                            <li>
                                    <img src="img/kaiyin.png"/>
                                    <p>影流凯隐</p>
                                </li>
                                <li>
                                    <img src="img/aixi.png"/>
                                    <p>寒冰射手</p>
                                </li>
                                <li>
                                    <img src="img/sige.png"/>
                                    <p>死亡歌颂者</p>
                                </li>
                                <li>
                                    <img src="img/jiqiren.png"/>
                                    <p>蒸汽机器人</p>
                                </li>
                                <li>
                                    <img src="img/dachongzi.png"/>
                                    <p>虚空恐惧</p>
                                </li>
                                <li>
                                    <img src="img/kate.png"/>
                                    <p>不祥之刃</p>
                                </li>
                                <li>
                                    <img src="img/feiji.png"/>
                                    <p>英勇投单手</p>
                                </li>
                                <li>
                                    <img src="img/chuanzhang.png"/>
                                    <p>海洋之灾</p>
                                </li>
                                <li>
                                    <img src="img/fengnv.png"/>
                                    <p>风暴之怒</p>
                                </li>
                                <li>
                                    <img src="img/guafu.png"/>
                                    <p>痛苦之用</p>
                                </li>
                                <li>
                                    <img src="img/wuqi.png"/>
                                    <p>武器大师</p>
                                </li>
                                <li>
                                    <img src="img/daomei.png"/>
                                    <p>刀妹</p>
                                </li>
                                <li>
                                    <img src="img/mengduo.png"/>
                                    <p>祖安狂人</p>
                                </li>
                                <li>
                                    <img src="img/aike.png"/>
                                    <p>时间刺客</p>
                                </li>
                                <li>
                                    <img src="img/bulong.png"/>
                                    <p>弗雷尔卓德之心</p>
                                </li>
                                <li>
                                    <img src="img/akali.png"/>
                                    <p>离群之刺</p>
                                </li>
                                <li>
                                    <img src="img/tanglang.png"/>
                                    <p>虚空掠夺者</p>
                                </li>
                                <li>
                                    <img src="img/amumu.png"/>
                                    <p>殇之木乃伊</p>
                                </li>
                                <li>
                                    <img src="img/datou.png"/>
                                    <p>大发明家</p>
                                </li>
                                <li>
                                    <img src="img/fenghuang.png"/>
                                    <p>冰晶凤凰</p>
                                </li>
                                <li>
                                    <img src="img/kainan.png"/>
                                    <p>狂暴之心</p>
                                </li>
                                <li>
                                    <img src="img/jiutong.png"/>
                                    <p>酒桶</p>
                                </li>
                                <li>
                                    <img src="img/shenv.png"/>
                                    <p>魔蛇之拥</p>
                                </li>
                                <li>
                                    <img src="img/jianmo.png"/>
                                    <p>暗裔剑魔</p>
                                </li>
                                <li>
                                    <img src="img/jianji.png"/>
                                    <p>无双剑姬</p>
                                </li>
                                <li>
                                    <img src="img/jks.png"/>
                                    <p>爆破鬼才</p>
                                </li>
                                <li>
                                    <img src="img/jiaoyue.png"/>
                                    <p>皎月女神</p>
                                </li>
                                <li>
                                    <img src="img/jinkesi.png"/>
                                    <p>暴走萝莉</p>
                                </li>
                                <li>
                                    <img src="img/jiesi.png"/>
                                    <p>未来守护者</p>
                                </li>
                                <li>
                                    <img src="img/kasading.png"/>
                                    <p>虚空行者</p>
                                </li>
                                <li>
                                    <img src="img/kasha.png"/>
                                    <p>虚空之女</p>
                                </li>
                                <li>
                                    <img src="img/zhangyuma.png"/>
                                    <p>海兽祭司</p>
                                </li>
                                <li>
                                    <img src="img/xiaoyuren.png"/>
                                    <p>潮汐海灵</p>
                                </li>
                                <li>
                                    <img src="img/ximingshi.png"/>
                                    <p>戏命师</p>
                                </li>
                                <li>
                                    <img src="img/zzns.png"/>
                                    <p>战争女神</p>
                                </li>
                                <li>
                                    <img src="img/shanzima.png"/>
                                    <p>卡尔玛</p>
                                </li>
                                <li>
                                    <img src="img/zy.png"/>
                                    <p>暮光星灵</p>
                                </li>
                                <li>
                                    <img src="img/zhizhu.png"/>
                                    <p>蜘蛛女皇</p>
                                </li>
                                <li>
                                    <img src="img/x.png"/>
                                    <p>逆羽</p>
                                </li>
                                <li>
                                    <img src="img/l.png"/>
                                    <p>幻翎</p>
                                </li>
                                <li>
                                    <img src="img/tn.png"/>
                                    <p>铁凯冥魂</p>
                                </li>
                                <li>
                                    <img src="img/ms.png"/>
                                    <p>盲僧</p>
                                </li>
                                <li>
                                    <img src="img/shahuang.png"/>
                                    <p>沙漠皇帝</p>
                                </li>
                                <li>
                                    <img src="img/aiweng.png"/>
                                    <p>艾翁</p>
                                </li>
                                <li>
                                    <img src="img/qinggangying.png"/>
                                    <p>青钢影</p>
                                </li>
                                <li>
                                    <img src="img/nvjing.png"/>
                                    <p>皮特女警</p>
                                </li>
                                <li>
                                    <img src="img/nuoshou.png"/>
                                    <p>诺克萨斯之手</p>
                                </li>
                                <li>
                                    <img src="img/qianyu.png"/>
                                    <p>永烈双子</p>
                                </li>
                                <li>
                                    <img src="img/renma.png"/>
                                    <p>战争之影</p>
                                </li>
                                <li>
                                    <img src="img/ez.png"/>
                                    <p>探险家</p>
                                </li>
                                <li>
                                    <img src="img/dw.png"/>
                                    <p>万花通灵</p>
                                </li>
                                <li>
                                    <img src="img/longwang.png"/>
                                    <p>铸星龙王</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                        </ul>
                    </div>
                    <!-- 全部英雄结束 -->
                    <!-- 战士开始 -->
                    <div class="tab-pane fade data_background" id="warrior" role="tabpanel" aria-labelledby="nav-profile-tab">
                        <ul>
                                <li>
                                        <img src="img/aolafu.png"/>
                                        <p>狂战士</p>
                                    </li>
                                    <li>
                                        <img src="img/zhaoxin.png"/>
                                        <p>德邦总管</p>
                                    </li>
                                    <li>
                                        <img src="img/ejiate.png"/>
                                        <p>无畏战车</p>
                                    </li>
                                    <li>
                                        <img src="img/kaer.png"/>
                                        <p>正义天使</p>
                                    </li>
                                    <li>
                                        <img src="img/jiansheng.png"/>
                                        <p>无极剑圣</p>
                                    </li>
                                    <li>
                                        <img src="img/liulang.png"/>
                                        <p>符文法师</p>
                                    </li>
                                    <li>
                                        <img src="img/laosiji.png"/>
                                        <p>亡灵战神</p>
                                    </li>
                                    <li>
                                        <img src="img/langren.png"/>
                                        <p>祖安怒兽</p>
                                    </li>
                                    <li>
                                        <img src="img/xueren.png"/>
                                        <p>雪原双子</p>
                                    </li>
                                    <li>
                                        <img src="img/manzi.png"/>
                                        <p>蛮族之王</p>
                                    </li>
                                    <li>
                                        <img src="img/wuqi.png"/>
                                        <p>武器大师</p>
                                    </li>
                                    <li>
                                        <img src="img/lianjin.png"/>
                                        <p>炼金术师</p>
                                    </li>
                                    <li>
                                        <img src="img/longgui.png"/>
                                        <p>披甲龙龟</p>
                                    </li>
                                    <li>
                                        <img src="img/mengduo.png"/>
                                        <p>祖安狂人</p>
                                    </li>
                                    <li>
                                        <img src="img/daomei.png"/>
                                        <p>刀锋舞者</p>
                                    </li>
                                    <li>
                                        <img src="img/chuanzhang.png"/>
                                        <p>海洋之灾</p>
                                    </li>
                                    <li>
                                        <img src="img/baozhu.png"/>
                                        <p>瓦洛兰之盾</p>
                                    </li>
                                    <li>
                                        <img src="img/jumo.png"/>
                                        <p>巨魔之王</p>
                                    </li>
                                    <li>
                                        <img src="img/wuya.png"/>
                                        <p>诺克萨斯统领</p>
                                    </li>
                                    <li>
                                        <img src="img/jiqiren.png"/>
                                        <p>蒸汽机器人</p>
                                    </li>
                                    <li>
                                        <img src="img/shitouren.png"/>
                                        <p>熔岩巨兽</p>
                                    </li>
                                    <li>
                                        <img src="img/mengyan.png"/>
                                        <p>永恒梦魇</p>
                                    </li>
                                    <li>
                                        <img src="img/eyu.png"/>
                                        <p>荒漠屠夫</p>
                                    </li>
                                    <li>
                                        <img src="img/jiansheng.png"/>
                                        <p>德玛西亚皇子</p>
                                    </li>
                                    <li>
                                        <img src="img/zhizhu.png"/>
                                        <p>蜘蛛女皇</p>
                                    </li>
                                    <li>
                                        <img src="img/houzi.png"/>
                                        <p>齐天大圣</p>
                                    </li>
                                    <li>
                                            <img src="img/tn.png"/>
                                            <p>铁凯冥魂</p>
                                        </li>
                                        <li>
                                            <img src="img/muhunren.png"/>
                                            <p>牧魂人</p>
                                        </li>
                                        <li>
                                            <img src="img/gailun.png"/>
                                            <p>德玛西亚之力</p>
                                        </li>
                                        <li>
                                            <img src="img/ruiwen.png"/>
                                            <p>放逐之刃</p>
                                        </li>
                                        <li>
                                            <img src="img/xiazi.png"/>
                                            <p>盲僧</p>
                                        </li>
                                        <li>
                                            <img src="img/lanbo.png"/>
                                            <p>机械公敌</p>
                                        </li>
                                        <li>
                                            <img src="img/xiezi.png"/>
                                            <p>水晶先锋</p>
                                        </li>
                                        <li>
                                            <img src="img/goutou.png"/>
                                            <p>沙漠死神</p>
                                        </li>
                                        <li>
                                            <img src="img/bobi.png"/>
                                            <p>兽灵行者</p>
                                        </li>
                                        <li>
                                            <img src="img/kaer.png"/>
                                            <p>圣毅之锤</p>
                                        </li>
                                        <li>
                                            <img src="img/jiutong.png"/>
                                            <p>酒桶</p>
                                        </li>
                                        <li>
                                            <img src="img/pansen.png"/>
                                            <p>不屈之枪</p>
                                        </li>
                                        <li>
                                            <img src="img/longnv.png"/>
                                            <p>龙血武姬</p>
                                        </li>
                                            <li>
                                                    <img src="img/xiaoyuren.png"/>
                                                    <p>潮汐海灵</p>
                                                </li>
                                                <li>
                                                    <img src="img/gouxiong.png"/>
                                                    <p>雷霆咆哮</p>
                                                </li>
                                                <li>
                                                    <img src="img/shizigou.png"/>
                                                    <p>傲之追猎者</p>
                                                </li>
                                                <li>
                                                    <img src="img/taitan.png"/>
                                                    <p>深海泰坦</p>
                                                </li>
                                                <li>
                                                    <img src="img/zhumei.png"/>
                                                    <p>北极之怒</p>
                                                </li>
                                                <li>
                                                    <img src="img/jianji.png"/>
                                                    <p>无双剑姬</p>
                                                </li>
                                                <li>
                                                    <img src="img/nuoshou.png"/>
                                                    <p>诺克萨斯之手</p>
                                                </li>
                                                <li>
                                                    <img src="img/jiesi.png"/>
                                                    <p>未来守护者</p>
                                                </li>
                                                <li>
                                                    <img src="img/jiaoyue.png"/>
                                                    <p>皎月女神</p>
                                                </li>
                                                <li>
                                                    <img src="img/kaiyin.png"/>
                                                    <p>影流之镰</p>
                                                </li>
                                                <li>
                                                    <img src="img/naer.png"/>
                                                    <p>迷失之牙</p>
                                                </li>
                                                <li>
                                                    <img src="img/zhake.png"/>
                                                    <p>生化魔人</p>
                                                </li>
                                                <li>
                                                    <img src="img/renma.png"/>
                                                    <p>战争之影</p>
                                                </li>
                                                <li>
                                                        <img src="img/aolafu.png"/>
                                                        <p>奥拉夫</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/anni.png"/>
                                                        <p>安妮</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/ejiate.png"/>
                                                        <p>额加特</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/jialiao.png"/>
                                                        <p>加里奥</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/kapai.png"/>
                                                        <p>卡牌大师</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/zhaoxin.png"/>
                                                        <p>赵信</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/yaoji.png"/>
                                                        <p>妖姬</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/xixuegui.png"/>
                                                        <p>吸血鬼</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/daocaoren.png"/>
                                                        <p>稻草人</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/kaer.png"/>
                                                        <p>卡尔</p>
                                                    </li>
                                                    <li>
                                                        <img src="img/jiansheng.png"/>
                                                        <p>剑圣</p>
                                                    </li>
                        </ul>
                    </div>
                    <!-- 战士结束 -->
                    <!-- 法师开始 -->
                    <div class="tab-pane fade data_background" id="Mage" role="tabpanel" aria-labelledby="nav-contact-tab">
                        <ul>
                                <li>
                                        <img src="img/anni.png"/>
                                        <p>黑暗之女</p>
                                    </li>
                                    <li>
                                        <img src="img/jialiao.png"/>
                                        <p>正义巨像</p>
                                    </li>
                                    <li>
                                        <img src="img/kapai.png"/>
                                        <p>卡牌大师</p>
                                    </li>
                                    <li>
                                        <img src="img/yaoji.png"/>
                                        <p>诡术妖姬</p>
                                    </li>
                                    <li>
                                        <img src="img/xixuegui.png"/>
                                        <p>猩红收割者</p>
                                    </li>
                                    <li>
                                        <img src="img/daocaoren.png"/>
                                        <p>末日使者</p>
                                    </li>
                                    <li>
                                        <img src="img/liulang.png"/>
                                        <p>符文法师</p>
                                    </li>
                                    <li>
                                        <img src="img/naima.png"/>
                                        <p>众星之子</p>
                                    </li>
                                    <li>
                                        <img src="img/moganna.png"/>
                                        <p>堕落天使</p>
                                    </li>
                                    <li>
                                        <img src="img/shiguang.png"/>
                                        <p>时光守护者</p>
                                    </li>
                                    <li>
                                        <img src="img/guafu.png"/>
                                        <p>痛苦之拥</p>
                                    </li>
                                    <li>
                                        <img src="img/sige.png"/>
                                        <p>死亡歌颂者</p>
                                    </li>
                                    <li>
                                        <img src="img/amumu.png"/>
                                        <p>殇之木乃伊</p>
                                    </li>
                                    <li>
                                            <img src="img/fenghuang.png"/>
                                            <p>冰晶凤凰</p>
                                        </li>
                                        <li>
                                            <img src="img/qinnv.png"/>
                                            <p>琴瑟仙女</p>
                                        </li>
                                        <li>
                                            <img src="img/kasading.png"/>
                                            <p>虚空行者</p>
                                        </li>
                                        <li>
                                            <img src="img/fengnv.png"/>
                                            <p>风暴之怒</p>
                                        </li>
                                        <li>
                                            <img src="img/shanzima.png"/>
                                            <p>天启者</p>
                                        </li>
                                        <li>
                                            <img src="img/weijia.png"/>
                                            <p>邪恶小法师</p>
                                        </li>
                                        <li>
                                            <img src="img/wuya.png"/>
                                            <p>诺克萨斯统领</p>
                                        </li>
                                        <li>
                                            <img src="img/kate.png"/>
                                            <p>不祥之刃</p>
                                        </li>
                                        <li>
                                            <img src="img/dashu.png"/>
                                            <p>扭曲树精</p>
                                        </li>
                                        <li>
                                            <img src="img/zhizhu.png"/>
                                            <p>蜘蛛女皇</p>
                                        </li>
                                        <li>
                                            <img src="img/fatiao.png"/>
                                            <p>发条魔灵</p>
                                        </li>
                                        <li>
                                            <img src="img/lanbo.png"/>
                                            <p>机械公敌</p>
                                        </li>
                                        <li>
                                            <img src="img/shenv.png"/>
                                            <p>魔蛇之拥</p>
                                        </li>
                                        <li>
                                                <img src="img/datou.png"/>
                                                <p>大发明家</p>
                                            </li>
                                            <li>
                                                <img src="img/baonv.png"/>
                                                <p>狂野女猎手</p>
                                            </li>
                                            <li>
                                                <img src="img/jiutong.png"/>
                                                <p>酒桶</p>
                                            </li>
                                            <li>
                                                <img src="img/ez.png"/>
                                                <p>探险家</p>
                                            </li>
                                            <li>
                                                <img src="img/kainan.png"/>
                                                <p>狂暴之心</p>
                                            </li>
                                            <li>
                                                <img src="img/mazha.png"/>
                                                <p>虚空先知</p>
                                            </li>
                                            <li>
                                                <img src="img/dazui.png"/>
                                                <p>深渊巨口</p>
                                            </li>
                                            <li>
                                                <img src="img/lakesi.png"/>
                                                <p>光辉女郎</p>
                                            </li>
                                            <li>
                                                <img src="img/zelasi.png"/>
                                                <p>远古巫灵</p>
                                            </li>
                                            <li>
                                                <img src="img/huli.png"/>
                                                <p>九尾妖狐</p>
                                            </li>
                                            <li>
                                                <img src="img/dachongzi.png"/>
                                                <p>虚空恐惧</p>
                                            </li>
                                            <li>
                                                <img src="img/weilusi.png"/>
                                                <p>惩戒之箭</p>
                                            </li>
                                            <li>
                                                <img src="img/weiketuo.png"/>
                                                <p>机械先驱</p>
                                            </li>
                                            <li>
                                                <img src="img/zhandanren.png"/>
                                                <p>爆破鬼才</p>
                                            </li>
                                            <li>
                                                <img src="img/lulu.png"/>
                                                <p>仙灵女巫</p>
                                            </li>
                                            <li>
                                                <img src="img/bingnv.png"/>
                                                <p>冰霜女巫</p>
                                            </li>
                                            <li>
                                                <img src="img/jiaoyue.png"/>
                                                <p>皎月女神</p>
                                            </li>
                                            <li>
                                                <img src="img/qiunv.png"/>
                                                <p>暗黑元首</p>
                                            </li>
                                            <li>
                                                <img src="img/longwang.png"/>
                                                <p>铸星龙王</p>
                                            </li>
                                            <li>
                                                <img src="img/zy.png"/>
                                                <p>暮光星灵</p>
                                            </li>
                                            <li>
                                                <img src="img/jingji.png"/>
                                                <p>荆棘之刺</p>
                                            </li>
                                            <li>
                                                <img src="img/dayan.png"/>
                                                <p>虚空之眼</p>
                                            </li>
                                            <li>
                                                <img src="img/yanque.png"/>
                                                <p>岩雀</p>
                                            </li>
                                            <li>
                                                <img src="img/jin.png"/>
                                                <p>戏命师</p>
                                            </li>
                                            <li>
                                                <img src="img/yuren.png"/>
                                                <p>唤潮蛟姬</p>
                                            </li>
                                            <li>
                                                <img src="img/huangji.png"/>
                                                <p>沙漠黄帝</p>
                                            </li>
                                            <li>
                                                <img src="img/maomi.png"/>
                                                <p>魔法猫咪</p>
                                            </li>
                                            <li>
                                                <img src="img/cuishen.png"/>
                                                <p>翠神</p>
                                            </li>
                                            <li>
                                                <img src="img/bade.png"/>
                                                <p>星界游神</p>
                                            </li>
                                            <li>
                                                <img src="img/sailasi.png"/>
                                                <p>解脱者</p>
                                            </li>
                                            <li>
                                                <img src="img/nikou.png"/>
                                                <p>万花通灵</p>
                                            </li>
                                            <li>
                                                <img src="img/zhaoxin.png"/>
                                                <p>赵信</p>
                                            </li>
                        </ul>
                    </div>
                    <!-- 法师结束 -->
                    <!-- 刺客开始 -->
                    <div class="tab-pane fade data_background" id="assassin" role="tabpanel" aria-labelledby="nav-profile-tab">
                        <ul>
                                <li>
                                        <img src="img/aolafu.png"/>
                                        <p>奥拉夫</p>
                                    </li>
                                    <li>
                                        <img src="img/anni.png"/>
                                        <p>安妮</p>
                                    </li>
                                    <li>
                                        <img src="img/ejiate.png"/>
                                        <p>额加特</p>
                                    </li>
                                    <li>
                                        <img src="img/jialiao.png"/>
                                        <p>加里奥</p>
                                    </li>
                                    <li>
                                        <img src="img/kapai.png"/>
                                        <p>卡牌大师</p>
                                    </li>
                                    <li>
                                        <img src="img/zhaoxin.png"/>
                                        <p>赵信</p>
                                    </li>
                                    <li>
                                        <img src="img/yaoji.png"/>
                                        <p>妖姬</p>
                                    </li>
                                    <li>
                                        <img src="img/xixuegui.png"/>
                                        <p>吸血鬼</p>
                                    </li>
                                    <li>
                                        <img src="img/daocaoren.png"/>
                                        <p>稻草人</p>
                                    </li>
                                    <li>
                                        <img src="img/kaer.png"/>
                                        <p>卡尔</p>
                                    </li>
                                    <li>
                                        <img src="img/jiansheng.png"/>
                                        <p>剑圣</p>
                                    </li>
                                    <li>
                                        <img src="img/niutou.png"/>
                                        <p>牛头</p>
                                    </li>
                                    <li>
                                        <img src="img/liulang.png"/>
                                        <p>符文法师</p>
                                    </li>
                                    <li>
                                            <img src="img/aolafu.png"/>
                                            <p>奥拉夫</p>
                                        </li>
                                        <li>
                                            <img src="img/anni.png"/>
                                            <p>安妮</p>
                                        </li>
                                        <li>
                                            <img src="img/ejiate.png"/>
                                            <p>额加特</p>
                                        </li>
                                        <li>
                                            <img src="img/jialiao.png"/>
                                            <p>加里奥</p>
                                        </li>
                                        <li>
                                            <img src="img/kapai.png"/>
                                            <p>卡牌大师</p>
                                        </li>
                                        <li>
                                            <img src="img/zhaoxin.png"/>
                                            <p>赵信</p>
                                        </li>
                                        <li>
                                            <img src="img/yaoji.png"/>
                                            <p>妖姬</p>
                                        </li>
                                        <li>
                                            <img src="img/xixuegui.png"/>
                                            <p>吸血鬼</p>
                                        </li>
                                        <li>
                                            <img src="img/daocaoren.png"/>
                                            <p>稻草人</p>
                                        </li>
                                        <li>
                                            <img src="img/kaer.png"/>
                                            <p>卡尔</p>
                                        </li>
                                        <li>
                                            <img src="img/jiansheng.png"/>
                                            <p>剑圣</p>
                                        </li>
                                        <li>
                                            <img src="img/niutou.png"/>
                                            <p>牛头</p>
                                        </li>
                                        <li>
                                            <img src="img/liulang.png"/>
                                            <p>符文法师</p>
                                        </li>
                                        <li>
                                                <img src="img/aolafu.png"/>
                                                <p>奥拉夫</p>
                                            </li>
                                            <li>
                                                <img src="img/anni.png"/>
                                                <p>安妮</p>
                                            </li>
                                            <li>
                                                <img src="img/ejiate.png"/>
                                                <p>额加特</p>
                                            </li>
                                            <li>
                                                <img src="img/jialiao.png"/>
                                                <p>加里奥</p>
                                            </li>
                                            <li>
                                                <img src="img/kapai.png"/>
                                                <p>卡牌大师</p>
                                            </li>
                                            <li>
                                                <img src="img/zhaoxin.png"/>
                                                <p>赵信</p>
                                            </li>
                                            <li>
                                                <img src="img/yaoji.png"/>
                                                <p>妖姬</p>
                                            </li>
                                            <li>
                                                <img src="img/xixuegui.png"/>
                                                <p>吸血鬼</p>
                                            </li>
                                            <li>
                                                <img src="img/daocaoren.png"/>
                                                <p>稻草人</p>
                                            </li>
                                            <li>
                                                <img src="img/kaer.png"/>
                                                <p>卡尔</p>
                                            </li>
                        </ul>
                    </div>
                    <!-- 刺客结束 -->
                    <!-- 坦克开始 -->
                    <div class="tab-pane fade data_background" id="tank" role="tabpanel" aria-labelledby="nav-contact-tab">
                        <ul>
                                <li>
                                        <img src="img/aolafu.png"/>
                                        <p>奥拉夫</p>
                                    </li>
                                    <li>
                                        <img src="img/anni.png"/>
                                        <p>安妮</p>
                                    </li>
                                    <li>
                                        <img src="img/ejiate.png"/>
                                        <p>额加特</p>
                                    </li>
                                    <li>
                                        <img src="img/jialiao.png"/>
                                        <p>加里奥</p>
                                    </li>
                                    <li>
                                        <img src="img/kapai.png"/>
                                        <p>卡牌大师</p>
                                    </li>
                                    <li>
                                        <img src="img/zhaoxin.png"/>
                                        <p>赵信</p>
                                    </li>
                                    <li>
                                        <img src="img/yaoji.png"/>
                                        <p>妖姬</p>
                                    </li>
                                    <li>
                                        <img src="img/xixuegui.png"/>
                                        <p>吸血鬼</p>
                                    </li>
                                    <li>
                                        <img src="img/daocaoren.png"/>
                                        <p>稻草人</p>
                                    </li>
                                    <li>
                                        <img src="img/kaer.png"/>
                                        <p>卡尔</p>
                                    </li>
                                    <li>
                                        <img src="img/jiansheng.png"/>
                                        <p>剑圣</p>
                                    </li>
                                    <li>
                                        <img src="img/niutou.png"/>
                                        <p>牛头</p>
                                    </li>
                                    <li>
                                        <img src="img/liulang.png"/>
                                        <p>符文法师</p>
                                    </li>
                                    <li>
                                <img src="img/aolafu.png"/>
                                <p>奥拉夫</p>
                            </li>
                            <li>
                                <img src="img/anni.png"/>
                                <p>安妮</p>
                            </li>
                            <li>
                                <img src="img/ejiate.png"/>
                                <p>额加特</p>
                            </li>
                            <li>
                                <img src="img/jialiao.png"/>
                                <p>加里奥</p>
                            </li>
                            <li>
                                <img src="img/kapai.png"/>
                                <p>卡牌大师</p>
                            </li>
                            <li>
                                <img src="img/zhaoxin.png"/>
                                <p>赵信</p>
                            </li>
                            <li>
                                <img src="img/yaoji.png"/>
                                <p>妖姬</p>
                            </li>
                            <li>
                                <img src="img/xixuegui.png"/>
                                <p>吸血鬼</p>
                            </li>
                            <li>
                                <img src="img/daocaoren.png"/>
                                <p>稻草人</p>
                            </li>
                            <li>
                                <img src="img/kaer.png"/>
                                <p>卡尔</p>
                            </li>
                            <li>
                                <img src="img/jiansheng.png"/>
                                <p>剑圣</p>
                            </li>
                            <li>
                                <img src="img/niutou.png"/>
                                <p>牛头</p>
                            </li>
                            <li>
                                <img src="img/liulang.png"/>
                                <p>符文法师</p>
                            </li>
                            <li>
                                    <img src="img/aolafu.png"/>
                                    <p>奥拉夫</p>
                                </li>
                                <li>
                                    <img src="img/anni.png"/>
                                    <p>安妮</p>
                                </li>
                                <li>
                                    <img src="img/ejiate.png"/>
                                    <p>额加特</p>
                                </li>
                                <li>
                                    <img src="img/jialiao.png"/>
                                    <p>加里奥</p>
                                </li>
                                <li>
                                    <img src="img/kapai.png"/>
                                    <p>卡牌大师</p>
                                </li>
                                <li>
                                    <img src="img/zhaoxin.png"/>
                                    <p>赵信</p>
                                </li>
                                <li>
                                    <img src="img/yaoji.png"/>
                                    <p>妖姬</p>
                                </li>
                                <li>
                                    <img src="img/xixuegui.png"/>
                                    <p>吸血鬼</p>
                                </li>
                                <li>
                                    <img src="img/daocaoren.png"/>
                                    <p>稻草人</p>
                                </li>
                                <li>
                                    <img src="img/kaer.png"/>
                                    <p>卡尔</p>
                                </li>
                                <li>
                                    <img src="img/jiansheng.png"/>
                                    <p>剑圣</p>
                                </li>
                                <li>
                                    <img src="img/niutou.png"/>
                                    <p>牛头</p>
                                </li>
                                <li>
                                    <img src="img/liulang.png"/>
                                    <p>符文法师</p>
                                </li>
                                <li>
                                        <img src="img/aolafu.png"/>
                                        <p>奥拉夫</p>
                                    </li>
                                    <li>
                                        <img src="img/anni.png"/>
                                        <p>安妮</p>
                                    </li>
                                    <li>
                                        <img src="img/ejiate.png"/>
                                        <p>额加特</p>
                                    </li>
                        </ul>
                    </div>
                    <!-- 坦克结束 -->
                    <!-- 射手开始 -->
                    <div class="tab-pane fade data_background" id="Shooter" role="tabpanel" aria-labelledby="nav-profile-tab">
                        <ul>
                                <li>
                                        <img src="img/zzns.png"/>
                                        <p>战争女神</p>
                                    </li>
                                    <li>
                                        <img src="img/timo.png"/>
                                        <p>迅捷斥候</p>
                                    </li>
                                    <li>
                                        <img src="img/xiaopao.png"/>
                                        <p>麦林炮手</p>
                                    </li>
                                    <li>
                                        <img src="img/nvqiang.png"/>
                                        <p>赏金猎人</p>
                                    </li>
                                    <li>
                                        <img src="img/aixi.png"/>
                                        <p>寒冰射手</p>
                                    </li>
                                    <li>
                                        <img src="img/laoshu.png"/>
                                        <p>瘟疫之源</p>
                                    </li>
                                    <li>
                                        <img src="img/feiji.png"/>
                                        <p>英勇投弹手</p>
                                    </li>
                                    <li>
                                        <img src="img/nvjing.png"/>
                                        <p>皮城女警</p>
                                    </li>
                                    <li>
                                        <img src="img/vn.png"/>
                                        <p>暗夜猎手</p>
                                    </li>
                                    <li>
                                        <img src="img/ez.png"/>
                                        <p>探险家</p>
                                    </li>
                                    <li>
                                        <img src="img/kainan.png"/>
                                        <p>狂暴之心</p>
                                    </li>
                                    <li>
                                        <img src="img/dazui.png"/>
                                        <p>深渊巨口</p>
                                    </li>
                                    <li>
                                        <img src="img/canxuezhisu.png"/>
                                        <p>残月之肃</p>
                                    </li>
                                    <li>
                                            <img src="img/nanqiang.png"/>
                                            <p>法外狂徒</p>
                                        </li>
                                        <li>
                                            <img src="img/weilusi.png"/>
                                            <p>惩戒之箭</p>
                                        </li>
                                        <li>
                                            <img src="img/delaiwen.png"/>
                                            <p>荣耀行刑官</p>
                                        </li>
                                        <li>
                                            <img src="img/jiesi.png"/>
                                            <p>未来守护者</p>
                                        </li>
                                        <li>
                                            <img src="img/kapai.png"/>
                                            <p>德玛西亚之翼</p>
                                        </li>
                                        <li>
                                            <img src="img/kasha.png"/>
                                            <p>虚空之女</p>
                                        </li>
                                        <li>
                                            <img src="img/jin.png"/>
                                            <p>戏命师</p>
                                        </li>
                                        <li>
                                            <img src="img/qianyu.png"/>
                                            <p>永猎双子</p>
                                        </li>
                                        <li>
                                            <img src="img/luoli.png"/>
                                            <p>暴走萝莉</p>
                                        </li>
                                        <li>
                                            <img src="img/aobamaxifu.png"/>
                                            <p>涤魂圣枪</p>
                                        </li>
                                        <li>
                                            <img src="img/aobama.png"/>
                                            <p>圣枪游侠</p>
                                        </li>
                                        <li>
                                            <img src="img/huangji.png"/>
                                            <p>沙漠黄帝</p>
                                        </li>
                                        <li>
                                            <img src="img/huabanxie.png"/>
                                            <p>复仇之矛</p>
                                        </li>
                                        <li>
                                            <img src="img/x.png"/>
                                            <p>逆羽</p>
                                        </li>  
                        </ul>
                    </div>
                    <!-- 射手结束 -->
                    <!-- 辅助开始 -->
                    <div class="tab-pane fade data_background" id="Auxiliary" role="tabpanel" aria-labelledby="nav-contact-tab">
                        <ul>
                                <li>
                                        <img src="img/aolafu.png"/>
                                        <p>奥拉夫</p>
                                    </li>
                                    <li>
                                        <img src="img/anni.png"/>
                                        <p>安妮</p>
                                    </li>
                                    <li>
                                        <img src="img/ejiate.png"/>
                                        <p>额加特</p>
                                    </li>
                                    <li>
                                        <img src="img/jialiao.png"/>
                                        <p>加里奥</p>
                                    </li>
                                    <li>
                                        <img src="img/kapai.png"/>
                                        <p>卡牌大师</p>
                                    </li>
                                    <li>
                                        <img src="img/zhaoxin.png"/>
                                        <p>赵信</p>
                                    </li>
                                    <li>
                                        <img src="img/yaoji.png"/>
                                        <p>妖姬</p>
                                    </li>
                                    <li>
                                        <img src="img/xixuegui.png"/>
                                        <p>吸血鬼</p>
                                    </li>
                                    <li>
                                        <img src="img/daocaoren.png"/>
                                        <p>稻草人</p>
                                    </li>
                                    <li>
                                        <img src="img/kaer.png"/>
                                        <p>卡尔</p>
                                    </li>
                                    <li>
                                        <img src="img/jiansheng.png"/>
                                        <p>剑圣</p>
                                    </li>
                                    <li>
                                        <img src="img/niutou.png"/>
                                        <p>牛头</p>
                                    </li>
                                    <li>
                                        <img src="img/liulang.png"/>
                                        <p>符文法师</p>
                                    </li>
                                    <li>
                                            <img src="img/aolafu.png"/>
                                            <p>奥拉夫</p>
                                        </li>
                                        <li>
                                            <img src="img/anni.png"/>
                                            <p>安妮</p>
                                        </li>
                                        <li>
                                            <img src="img/ejiate.png"/>
                                            <p>额加特</p>
                                        </li>
                                        <li>
                                            <img src="img/jialiao.png"/>
                                            <p>加里奥</p>
                                        </li>
                                        <li>
                                            <img src="img/kapai.png"/>
                                            <p>卡牌大师</p>
                                        </li>
                                        <li>
                                            <img src="img/zhaoxin.png"/>
                                            <p>赵信</p>
                                        </li>
                                        <li>
                                            <img src="img/yaoji.png"/>
                                            <p>妖姬</p>
                                        </li>
                                        <li>
                                            <img src="img/xixuegui.png"/>
                                            <p>吸血鬼</p>
                                        </li>
                                        <li>
                                            <img src="img/daocaoren.png"/>
                                            <p>稻草人</p>
                                        </li>
                                        <li>
                                            <img src="img/kaer.png"/>
                                            <p>卡尔</p>
                                        </li>
                                        <li>
                                            <img src="img/jiansheng.png"/>
                                            <p>剑圣</p>
                                        </li>
                                        <li>
                                            <img src="img/niutou.png"/>
                                            <p>牛头</p>
                                        </li>
                                        <li>
                                            <img src="img/liulang.png"/>
                                            <p>符文法师</p>
                                        </li>
                                        <li>
                                                <img src="img/aolafu.png"/>
                                                <p>奥拉夫</p>
                                            </li>
                                            <li>
                                                <img src="img/anni.png"/>
                                                <p>安妮</p>
                                            </li>
                                            <li>
                                                <img src="img/ejiate.png"/>
                                                <p>额加特</p>
                                            </li>
                                            <li>
                                                <img src="img/jialiao.png"/>
                                                <p>加里奥</p>
                                            </li>
                                            <li>
                                                <img src="img/kapai.png"/>
                                                <p>卡牌大师</p>
                                            </li>
                                            <li>
                                                <img src="img/zhaoxin.png"/>
                                                <p>赵信</p>
                                            </li>
                        </ul>
                    </div>
                    <!-- 辅助结束 -->
                </div>
            </div>
        </div>
    </div>
    <!----------------------英雄资料结束--------------------->
    <!----玩家创作开始--->
    <div class="creation" id="creation">
        <div class="creation_body">

            <!-- 玩家创作左侧图片+遮罩层开始 -->
            <div class="creation_left">
                <h3><span>FANART创作馆</span></h3>
                <div>更多</div>
                <ul>
                    <li>
                        <img src="img/czg_1.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div>
                    </li>
                    <li><img src="img/czg_2.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div>
                    </li>
                    <li><img src="img/czg_3.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div>
                    </li>
                    <li><img src="img/czg_4.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div>
                    </li>
                    <li><img src="img/czg_5.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div>
                    </li>
                    <li><img src="img/czg_6.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div>
                    </li>
                    <li><img src="img/czg_7.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div></li>
                    <li><img src="img/czg_8.jpg">
                        <div>
                            <h3><span>这里是标题哦</span></h3>
                            <p><img src="img/touxiang.jpg" alt="">
                                <span>稳小情出品了</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <!-- 玩家创作左侧图片+遮罩层结束 -->
            <!-- 玩家创作右面锤石与合作媒体开始 -->

            <div class="creation_right">
                <div class="creation_left">
                    <img src="img/dibuchuishi.png" alt="">
                </div>
                <div class="creation_right">
                    <ul>
                        <li><img src="img/dibuanni.webp" alt="">
                            <div class="font">
                                <i></i>
                                <span>英雄联盟用户调查</span>
                            </div>
                        </li>
                        <li>
                            <img src="img/dibuqinggangying.webp" alt="">
                            <div class="font">
                                <i></i>
                                <span>见证版本历史</span>
                            </div>
                        </li>
                        <li>
                            <img src="img/zhaohuanshi.webp" alt="">
                            <div class="font">
                                <i></i>
                                <span>年度品牌展示</span>
                            </div>
                        </li>
                    </ul>
                    <div class="creaation_bottom">
                        <span>合作媒体 →</span>
                        <div>
                            <ul>
                                <li>兔玩</li>
                                <li>特玩</li>
                                <li>T-rex</li>
                                <li>大电竞</li>
                                <li>虎扑电竞</li>
                                <li>大咖</li>
                                <li>多玩</li>
                                <li>玩加电竞</li>
                                <li>伐木累</li>
                                <li>捞月狗</li>
                                <li>掌游宝</li>
                                <li>u9</li>
                                <li>爱拍</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 玩家创作右面锤石与合作媒体结束 -->

        </div>
    </div>
    <!----玩家创作结束--->
    <!-- 底部开始 -->
    <div class="bottom" id="bottom">
        <div class="bottom_body">
            <!-- 左侧logo图片开始 -->
            <div class="bottom_left">
                <img src="img/dibulogo.PNG" alt="">
            </div>
            <!-- 左侧logo图片结束 -->
            <!-- 右侧版权与回到顶部开始 -->
            <a href="#top" class="fa fa-chevron-circle-up"></a>
            <div class="bottom_right">
                <h2>腾讯互动娱乐|服务条款|隐私保护指引|儿童隐私保护指引|腾讯游戏招聘|腾讯游戏客服|游戏列表|广告服务及商务合作</h2>
                <h3>腾讯公司版权所有</h3>
                <h4>COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</h4>
                <h5>COPYRIGHT © 2012 Riot Games,Inc. ALL RIGHTS RESERVED.</h5>
                <h6>本网络游戏适合18+岁的用户使用；为了您的健康，请合理控制游戏时间。</h6>
                <h6>粤网文[2017]6138-1456号|（总）网出证（粤）字第057号
                    <br>
                    批准文号：新出审字[2011]310号 |文网进字[2011] 004号 | 出版物号：ISBN 978-7-89989-145-2|全国文化市场统一举报电话：12318
                </h6>
            </div>
            <!-- 右侧版权与回到顶部结束 -->

        </div>
    </div>
    <!-- 底部结束 -->

    <!-- 电梯导航开始 -->
    <div class="elevator">
        <div class="elevator_center">
            <ul class="elevator_nav ">
                <li>
                    <i class="fa-hand-peace-o fa"></i cl>
                    <a href="#activity">热门活动</a>
                </li>
                <li>
                    <i class="fa-play-circle fa"></i>
                    <a href="#video">视频中心</a>
                </li>
                <li>
                    <i class="fa-trophy fa"></i>
                    <a href="#match">赛事中心</a></li>
                <li>
                    <i class="fa-list fa"></i class="fa-list fa">
                    <a href="#data">英雄资料</a></li>
                <li>
                    <i class="fa-link fa"></i>
                    <a href="#creation">FANART</a>
                </li>
                <li>
                    <i class="fa-chevron-circle-down fa"></i>
                    <a href="#bottom">底部版权</a></li>
            </ul>
        </div>
    </div>
</body>
</html>